
body {
    background: url("../imgs/bg6.jpg") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.title {
    margin-left: 10px;
    font-family: '楷体', serif;
    font-size: 20px;
    text-decoration: none;
    color: #eeeeee;
}

.title:hover,
.title:focus {
    color: #ffffff;
    text-decoration: none;
}

.father {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    line-height: 100%;
}

.toolbar {
    width: 100%;
    height: 50px;
    padding-top: 0px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 2px;
}

.title {
    font-size: 22px;
    padding-left: 10px;
    color: #3c763d;
    font-family: '楷体', serif
}

.title:focus,
.title:hover {
    text-decoration: none;
    color: #000000;
}

.login {
    font-size: 20px;
    color: #cccccc;
    font-family: '楷体', serif
}

.login:focus,
.login:hover {
    text-decoration: none;
    color: #000000;
}

.dialog {
    width: 500px;
    margin-top: 120px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .show {
        box-shadow: 0 0 40px #BDBDBD;
        border-radius: 10px;
        margin: 2px;
    }
    .toolbar {
        box-shadow: 0 0 20px #BDBDBD;
        border-radius: 10px;
    }
}